@CHARSET "UTF-8";

.rounded {
    /* Do rounding */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Chrome, Safari */
    -khtml-border-radius: 10px; /* Konquerer */
    border-radius: 10px; /* CSS3 */
    padding: 10px;
}

.rounded-borders {
    border: 1px solid LightGrey;
}

.rounded-box {
    position: relative; /* Must set position to relative to locate child elements. */
    padding: 10px; /* borders */
}

.top-left {
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/rounded-corners/top-left.png") no-repeat left top;
    width: 10px;
    height: 10px;
}

.top-right {
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/rounded-corners/top-right.png") no-repeat right top;
    width: 10px;
    height: 10px;
}

.top-border {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    background: url("../images/rounded-corners/top-border.png") repeat-x left top transparent;
    height: 10px;
}

.left-border {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    background: url("../images/rounded-corners/left-border.png") repeat-y left top transparent;
    width: 10px;
}

.right-border {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    background: url("../images/rounded-corners/right-border.png") repeat-y right top transparent;
    width: 10px;
}

.bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../images/rounded-corners/bottom-left.png") no-repeat left bottom;
    width: 10px;
    height: 10px;
}

.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("../images/rounded-corners/bottom-right.png") no-repeat right bottom;
    width: 10px;
    height: 10px;
}

.bottom-border {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    background: url("../images/rounded-corners/bottom-border.png") repeat-x left bottom transparent;
    height: 10px;
}

.rounded-content {
    background: url("../images/rounded-corners/content.png") repeat transparent;
}